<!-- 修改后的 leaderboard.html -->
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>羽毛球小游戏 - 排行榜</title>
    <link rel="stylesheet" href="../css/leaderboard.css">
</head>
<body>
    <div class="navigate">
        <div class="logo">火柴人打羽毛球</div>
        <div class="operation">
            <table class="operation_bar">
                <tr>
                    <td><a href="./index.html">首页</a></td>
                    <td id="user-info">
                        <a href="./login.html" id="login-link">登录</a>
                        <div id="user-profile" style="display: none;">
                            <img id="user-avatar" src="" alt="头像">
                            <a href="./login.html" id="username"></a>
                        </div>
                    </td>
                </tr>
            </table>
        </div>
    </div>
    <div class="container">
        <h1>🏸 羽毛球小游戏排行榜</h1>
        
        <table class="leaderboard">
            <thead>
                <tr>
                    <th width="80">排名</th>
                    <th>玩家</th>
                    <th width="120">战胜AI次数</th>
                    <th width="150">最近胜利时间</th>
                </tr>
            </thead>
            <tbody id="leaderboard-body"></tbody>
        </table>
        
        <!-- <div class="pagination">
            <div class="page-btn active">1</div>
        </div> -->
        
        <button class="refresh-btn">刷新排行榜</button>
    </div>

    <script type="module" src="../js/leaderboard.js"></script>
</body>
</html>